<admintpl file="headerEx"/>
<link href="__PUBLIC__/js/artDialog/skins/default.css" rel="stylesheet" />
<title>{:L('ADMIN_SLIDE_ADD')}</title>
<!--responsive table-->
<link href="__PUBLIC__/TciocEx/css/table-responsive.css" rel="stylesheet"/>
<!--ios7-->
<link rel="stylesheet" type="text/css" href="__PUBLIC__/TciocEx/js/ios-switch/switchery.css" />

<!--icheck-->
<link href="__PUBLIC__/TciocEx/js/iCheck/skins/minimal/minimal.css" rel="stylesheet">
<link href="__PUBLIC__/TciocEx/js/iCheck/skins/minimal/red.css" rel="stylesheet">
<link href="__PUBLIC__/TciocEx/js/iCheck/skins/minimal/green.css" rel="stylesheet">
</head>
<body class="sticky-header">
<section>
	<!-- main content start-->
	<div class="full-content">
		<!-- body wrapper start -->
		<div class="wrapper">
			<div class="row">
				<div class="col-sm-12">
					<section class="panel">
						<header class="panel-heading custom-tab turquoise-tab">
							<ul class="nav nav-tabs">
								<li ><a href="{:U('slide/index')}"><i class="fa fa-list-ul"></i> {:L('ADMIN_SLIDE_INDEX')}</a></li>
								<li class="active" ><a href="{:U('slide/add')}"><i class="fa fa-plus"></i> {:L('ADMIN_SLIDE_ADD')}</a></li>
							</ul>
						</header>
						<div class="panel-body">
							<div class=" form">
								<form class="cmxform form-horizontal adminex-form js-ajax-form" id="commentForm" method="post" action="{:U('slide/add_post')}"      novalidate="novalidate" enctype="multipart/form-data">

									<section id="no-more-tables">
										<div class="col-lg-9">

										<table class="table table-bordered">
											<tr>
												<th width="80">分类</th>
												<td>
													<select name="slide_cid" class="input-lg"  style="padding: 5px 16px;height: auto">
														<option value="0">默认分类</option>
														<foreach name="categorys" item="vo">
															<option value="{$vo.cid}">{$vo.cat_name}</option>
														</foreach>
													</select>
												</td>
											</tr>
											<tr>
												<th>{:L('TITLE')} <span >*</span></th>
												<td>
													<input type="text" class=" form-control"  name="slide_name" value="" placeholder="请输入幻灯片名称"/>

												</td>
											</tr>
											<tr>
												<th>{:L('LINK')}</th>
												<td><input type="text" class=" form-control"  name="slide_url" value="" ></td>
											</tr>
											<tr>
												<th>{:L('DESCRIPTION')}</th>
												<td><input type="text" name="slide_des" value="" class=" form-control"></td>
											</tr>
											<tr>
												<th>幻灯片内容</th>
												<td><textarea name="slide_content" style="width: 98%; height: 200px;"></textarea></td>
											</tr>
										</table>

										</div>
										<div class="col-lg-3">
											<table class="table table-bordered">
												<tr>
													<th>缩略图</th>
												</tr>
												<tr>
													<td>
														<div style="text-align: center;">
															<input type="hidden" name="slide_pic" id="thumb" value="">
															<a href="javascript:upload_one_image('图片上传','#thumb');">
																<img src="__TMPL__Public/assets/images/default-thumbnail.png" id="thumb-preview" width="135" style="cursor: hand" />
															</a>
															<input type="button" class="btn btn-small" onclick="$('#thumb-preview').attr('src','__TMPL__Public/assets/images/default-thumbnail.png');$('#thumb').val('');return false;" value="取消图片">
														</div>
													</td>
												</tr>
											</table>
										</div>
									</section>


									<div class="form-group">
										<div class="col-md-12 text-center clearfix" style=" padding-left: 25%;padding-top: 20px;">
											<button class="btn btn-primary js-ajax-submit" type="submit">{:L('ADD')}</button>
											<a href="javascript:history.back(-1);" class="btn btn-default">{:L('BACK')}</a>
										</div>
									</div>
								</form>
							</div>

						</div>
					</section>

				</div>
			</div>
		</div>
		<!--footer section start-->
		<footer>
			<admintpl file="copyright"/>
		</footer>
		<!--footer section end-->
	</div>
	<!-- main content end-->
</section>
<script src="__PUBLIC__/TciocEx/js/jquery-1.10.2.min.js"></script>
<script src="__PUBLIC__/js/wind.js"></script>
<script src="__PUBLIC__/js/common.js"></script>
<script src="__PUBLIC__/TciocEx/js/jquery-ui-1.9.2.custom.min.js"></script>
<script src="__PUBLIC__/simpleboot/bootstrap/js/bootstrap.min.js"></script>
<script src="__PUBLIC__/TciocEx/js/jquery-migrate-1.2.1.min.js"></script>
<script src="__PUBLIC__/TciocEx/js/bootstrap.min.js"></script>
<script src="__PUBLIC__/TciocEx/js/modernizr.min.js"></script>
<script src="__PUBLIC__/TciocEx/js/jquery.nicescroll.js"></script>
<script src="__PUBLIC__/js/ajaxForm.js"></script>

<script type="text/javascript" src="__PUBLIC__/TciocEx/js/jquery.validate.min.js"></script>
<script src="__PUBLIC__/TciocEx/js/validation-localization/messages_zh.min.js"></script>
<script src="__PUBLIC__/TciocEx/js/scripts.js"></script>
<script src="__PUBLIC__/TciocEx/js/validation-init.js"></script>
<script type="text/javascript">
	$(function() {
		$(".js-ajax-close-btn").on('click', function(e) {
			e.preventDefault();
			Wind.use("artDialog", function() {
				art.dialog({
					id : "question",
					icon : "question",
					fixed : true,
					lock : true,
					background : "#CCCCCC",
					opacity : 0,
					content : "您确定需要关闭当前页面嘛？",
					ok : function() {
						setCookie("refersh_time", 1);
						window.close();
						return true;
					}
				});
			});
		});
		/////---------------------
		Wind.use('validate', 'ajaxForm', 'artDialog', function() {
			//javascript

			var form = $('form.js-ajax-forms');
			//ie处理placeholder提交问题
			if ($.browser && $.browser.msie) {
				form.find('[placeholder]').each(function() {
					var input = $(this);
					if (input.val() == input.attr('placeholder')) {
						input.val('');
					}
				});
			}

			var formloading = false;
			//表单验证开始
			form.validate({
				//是否在获取焦点时验证
				onfocusout : false,
				//是否在敲击键盘时验证
				onkeyup : false,
				//当鼠标掉级时验证
				onclick : false,
				//验证错误
				showErrors : function(errorMap, errorArr) {
					//errorMap {'name':'错误信息'}
					//errorArr [{'message':'错误信息',element:({})}]
					try {
						$(errorArr[0].element).focus();
						art.dialog({
							id : 'error',
							icon : 'error',
							lock : true,
							fixed : true,
							background : "#CCCCCC",
							opacity : 0,
							content : errorArr[0].message,
							cancelVal : '确定',
							cancel : function() {
								$(errorArr[0].element).focus();
							}
						});
					} catch (err) {
					}
				},
				//验证规则
				rules : {
					'slide_name' : {
						required : 1
					}
				},
				//验证未通过提示消息
				messages : {
					'slide_name' : {
						required : '请输入名称'
					}
				},
				//给未通过验证的元素加效果,闪烁等
				highlight : false,
				//是否在获取焦点时验证
				onfocusout : false,
				//验证通过，提交表单
				submitHandler : function(forms) {
					if (formloading)
						return;
					$(forms).ajaxSubmit({
						url : form.attr('action'), //按钮上是否自定义提交地址(多按钮情况)
						dataType : 'json',
						beforeSubmit : function(arr, $form, options) {
							formloading = true;
						},
						success : function(data, statusText, xhr, $form) {
							formloading = false;
							if (data.status) {
								setCookie("refersh_time", 1);
								//添加成功
								Wind.use("artDialog", function() {
									art.dialog({
										id : "succeed",
										icon : "succeed",
										fixed : true,
										lock : true,
										background : "#CCCCCC",
										opacity : 0,
										content : data.info,
										button : [ {
											name : '继续添加？',
											callback : function() {
												reloadPage(window);
												return true;
											},
											focus : true
										}, {
											name : '返回列表',
											callback : function() {
												location.href = "{:U('slide/index')}";
												return true;
											}
										} ]
									});
								});
							} else {
								artdialog_alert(data.info);
							}
						}
					});
				}
			});
		});
		////-------------------------
	});
</script>
</body>
</html>
